import { FunctionalComponent,reactive } from 'vue';
import Btn from '../elements/btn';
const state = reactive({count:0});
const About:FunctionalComponent=(_,{slots}) => {
  const click = () => { state.count++; }
  return(
  <div class="about">
    <h1>This is an about page</h1>
    <Btn type="info"style={{width:'50px'}} id="sdg" onClick={click}>{state.count}</Btn>
    {slots.default&&slots.default()}
  </div>
  )
}
export default About;